import React, { Component, Fragment } from 'react'
import {
  Tabs
} from 'antd'
const { TabPane } = Tabs;

class Payment extends Component {
  constructor(props) {
    super(props);
    this.state = {  }
  }

  handleTabsChange = (key) => {
    console.log(key)
  }

  render() { 
    return (
      <Fragment>
        <Tabs defaultActiveKey="1" onChange={this.handleTabsChange} tabPosition={'left'}>
          <TabPane tab="在线支付" key="1">
            Content of Tab Pane 1
          </TabPane>
          <TabPane tab="货到付款" key="2">
            Content of Tab Pane 2
          </TabPane>
          <TabPane tab="分批付款" key="3">
            Content of Tab Pane 3
          </TabPane>
        </Tabs>
      </Fragment>
    )
  }
}
 
export default Payment;